.score {
  width: (100/1440) * 360vw;
  position: relative;
  height: (100/996) * 448vh;
  background-image: linear-gradient(
    180deg,
    #0a0d42 0%,
    rgba(7, 42, 112, 0.5) 100%
  );
  box-shadow: inset 0 2px 0 0 #1e0bff;
  margin-bottom: (100/996) * 12vh;
  :global {
    .swiper {
      height: 100%;
    }
    .swiper-slide {
      height: 22px;
    }
  }
  .title {
    width: 100%;
    height: (100/996) * 42vh;
    line-height: (100/996) * 42vh;
    background-image: linear-gradient(
      270deg,
      rgba(17, 84, 169, 0) 35%,
      rgba(7, 42, 112, 0.5) 100%
    );
    box-shadow: inset 0 2px 0 0 rgba(85, 84, 255, 0.3);
    border-radius: 0 0 0 12px;
    padding-left: (100/1440) * 12vw;
    font-family: PingFangSC-Semibold;
    font-size: 14px;
    color: #ffffff;
    letter-spacing: -0.07px;
    font-weight: 600;
    margin-bottom: (100/996) * 12vh;
    img {
      margin-right: (100/1440) * 8vw;
    }
  }
  .loading {
    width: (100/1440) * 118vw;
    height: (100/996) * 118vh;
    background: url(../../assets/loading.gif) no-repeat;
    margin-top: (100/996) * 12vh;
    background-position: center center;
    // margin: (100/996)*28vh (100/1440)*24vw;
    margin: auto;
  }
  .loadingStop {
    width: (100/1440) * 118vw;
    height: (100/996) * 118vh;
    background: url(../../assets/loading.jpg) no-repeat;
    background-size: 100% 100%;
    margin-top: (100/996) * 28vh;
    background-position: center center;
    margin: (100/996) * 28vh auto (100/996) * 24vh;
  }
  .imgs {
    position: absolute;
    text-align: center;
    margin-bottom: (100/996) * 20vh;
    width: 100%;
    // top:(100/996)*216vh
    top: (100/996) * 180vh;
  }
  .imgsActive {
    position: absolute;
    text-align: center;
    width: 100%;
    margin-bottom: (100/996) * 20vh;
    animation: flyTop 0.5s ease forwards;
  }
  .eleName {
  }
  @keyframes flyTop {
    0% {
      transform: scale(1);
      margin-bottom: (100/996) * 20vh;
      top: (100/996) * 216vh;
    }
    100% {
      transform: scale(1.8);
      top: (100/996) * 112vh;
    }
  }
  // .box{

  // }
  .suggest {
    // width: (100/1440)*336vw;
    width: 90%;
    height: (100/996) * 172vh;
    // line-height: (100/996)*172vh;
    background: rgba(38, 110, 255, 0.1);
    border-radius: 0.1rem;
    margin: (100/996) * 80vh auto 0;
    padding: (100/996) * 20vh (100/1440) * 20vw;
    p {
      font-family: PingFangSC-Semibold;
      font-size: 14px;
      color: rgba(255, 255, 255, 0.6);
      letter-spacing: -0.07px;
      line-height: (100/996) * 22vh;
      font-weight: 600;
    }
    span {
      font-family: PingFangSC-Regular;
      font-size: 14px;
      color: #ffffff;
      letter-spacing: -0.07px;
      // line-height: (100/996)*22vh;
      font-weight: 400;
    }
  }
  .box {
    width: 95%;
    height: (100/996) * 245vh;
    margin: (100/996) * 12vh auto;
    border-radius: 15px;
    background: rgba(38, 110, 255, 0.1);
    .header {
      width: 100%;
      height: (100/996) * 46vh;
      line-height: (100/996) * 46vh;
      background: rgba(38, 110, 255, 0.1);
      display: flex;
      flex-direction: row;
      padding-left: (100/1440) * 12vw;
      padding-top: (100/996) * 12vh;
      .descName {
        padding-left: (100/1440) * 10vw;
        font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: #ffffff;
        letter-spacing: -0.07px;
        line-height: 22px;
        font-weight: 600;
      }
    }
    .suggestList {
      padding: (100/996) * 12vh 0 0 (100/1440) * 12vw;
      .titleSu {
        font-family: PingFangSC-Semibold;
        font-size: 14px;
        color: rgba(255, 255, 255, 0.4);
        letter-spacing: -0.07px;
        line-height: 22px;
        font-weight: 600;
      }
      .con {
        margin-top: (100/996) * 12vh;
        font-family: PingFangSC-Regular;
        font-size: 14px;
        color: #ffffff;
        letter-spacing: -0.07px;
        line-height: 22px;
        font-weight: 400;
      }
    }
    .line {
      padding: 0 (100/1440) * 12vw;
      margin-top: (100/996) * 18vh;
      div {
        border: 1px solid rgba(255, 255, 255, 0.1);
      }
    }
    .detail {
      padding: 0 0 0 (100/1440) * 12vw;
      height: (100/996) * 95vh;
      list-style: none;
      overflow: auto;
      margin-right: -20px;
      padding-right: 15px;
      li {
        display: flex;
        flex-direction: row;
        align-items: center;
        position: relative;
        margin-top: (100/996) * 8vh;
        .icon {
          display: inline-block;
          width: (100/1440) * 4vw;
          height: (100/996) * 4vh;
          background: #02d7e7;
          border-radius: 50%;
          margin-right: (100/1440) * 16vw;
        }
        .key_name {
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: rgba(255, 255, 255, 0.6);
          letter-spacing: -0.06px;
          line-height: 22px;
          font-weight: 400;
        }
        .desc {
          position: absolute;
          right: (100/1440) * 20vw;
          font-family: PingFangSC-Regular;
          font-size: 12px;
          color: rgba(255, 255, 255, 0.6);
          letter-spacing: -0.06px;
          line-height: 22px;
          font-weight: 400;
        }
      }
    }
    .detail::-webkit-scrollbar {
      width: (100/1440) * 2vw;
      height: (100/1440) * 2vw;
      border-radius: 4px;
      overflow-y: scroll;
    }
    .detail::-webkit-scrollbar-thumb {
      background: #fff;
    }
  }
}
